<template>
  <div>
 <div>{{ sum }},扩大10倍后为{{ addSum }}</div>
 <button @click="add">sum+1</button>
 <hr>
 <img v-for="(pic,index) in picList" :src="pic" :key="index">
 <br>
 <button @click="addPic">追加一张图片</button>
  </div>
</template>
<script lang="ts" setup name="Person">
import useDog from '@/hooks/useDog';
import useSum from '@/hooks/useSum';
const {sum,add,addSum}=useSum()
const {picList, addPic}=useDog()
</script>
<style>
img{
  height: 100px;
}
</style>